#view_upload {
  width: 70%;
  min-width: 300px;
  max-width: 1000px;
  transform: translateX(-50%);
  margin-left: 50%;
  margin-top: 50px;

  @media (max-width: 960px) {
    width: 80%
  }

  @media (max-width: 500px) {
    width: 90%
  }

  header {
    display: flex;
    flex-direction: column;

    .input_group {
      flex: 1;
      /*@media (max-width:500px) {
        input {
          height: 2rem;
          line-height: 2rem;
          font-size: 1.125rem;

          &::file-selector-button {
            height: 2rem;
          }
        }
      }*/
    }

    .button_group {
      flex: 1;
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      margin-top: 1rem;

      @media (max-width:500px) {
        margin-top: 2rem;
      }

    }

    button,
    input::file-selector-button {
      cursor: pointer;
      //color: red;
      border: 1px solid #b0b0b0;
      height: 1.5rem;
      border-radius: 0.25rem;
      padding: 0 0.5rem;

      &:hover {
        background-color: rgb(255, 229, 182);
      }
    }
  }

  hr {
    margin: 0.5rem 0 0 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
  }

  table {
    width: 100%;

    tr {
      margin: 0.25rem 0;
    }

    td {
      padding: 0 0.25rem;
    }

    .fileitem {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      flex-wrap: nowrap;

      .filename {
        flex: 1;
      }

      .filesize {}

      .progress {
        width: 10rem;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;

        progress {
          margin-right: 0.375rem;
        }
      }

      .option {
        white-space: nowrap;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;

        .cancel {
          cursor: pointer;
          border: 1px solid #e0e0e0;
          border-radius: 4px;
          height: 1.25rem;
          box-sizing: border-box;
          color: orangered;

          &:hover {
            background-color: rgb(255, 229, 182);
          }
        }

        .target {
          font-size: 0.625rem;
          color: rgb(10, 150, 10);
          cursor: default;
          user-select: none;
        }
      }
    }
  }

  .note {
    font-size: 0.75rem;
    color: red;
  }
}